<!-- AvatarFallback.vue -->
<template>
  <AvatarFallback
    :class="cn(
      'bg-muted flex size-full items-center justify-center rounded-full',
      className
    )"
    data-slot="avatar-fallback"
    v-bind="$attrs"
  >
    <slot/>
  </AvatarFallback>
</template>

<script setup>
import {AvatarFallback} from 'radix-vue'
import {cn} from '../../utils'

defineProps({
  className: {
    type: String,
    default: ''
  }
})
</script>
